<template>
	<Page :config='pageConfig'>
		<Box title='可操作按钮' :titleConfig='controlConfig' :titleMode='1'>
			内容
		</Box>
		<Box title='可操作按钮' :titleConfig='controlConfig' class='mt5' :titleMode='2'>
			内容
		</Box>
	</Page>
</template>

<script setup>
	const Box = $.lazy(()=>import('#tp/box/box.vue'))
	const Page			= $.lazy(()=>import('#tp/content/page-content.vue'))
	/* ---------------------------  提交表单 --------------------------- */
	const pageConfig = {
		title: '按钮位置',
		scroll:true,
		bgcolor:false
	}
	
	const controlConfig = {
		controls : [
			{ mode:'click', label:'自定义', click:()=> $fn.msg.success( '自定义' ) },
		]
	}
</script>